<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
    <title>jbgallery 3.0 demo - advanced - api - menu numbers</title>
    <meta name="author" content="Massimiliano Balestrieri" />
    <link href="../../jbgallery-3.0.css" rel="stylesheet" media="screen" />
    <script src="../../libs/jquery-1.4.4.min.js" type="text/javascript"></script>
    <script src="../../jbgallery-3.0.js" type="text/javascript"></script>
	<script type="text/javascript"><!--
   	jQuery(document).ready(function(){
		
        var obj;
        var images = {
			single : 'http://lh5.ggpht.com/_JJJpzXdPAI4/SpzvbyPhCHI/AAAAAAAAA-w/rf8dATWiOK8/100_2274.jpg',
			arr : ['http://lh3.ggpht.com/_JJJpzXdPAI4/SpzvrjvU83I/AAAAAAAABAU/8tbAipa9wgk/P1020533.jpg','http://lh5.ggpht.com/_JJJpzXdPAI4/SpzuSpC-0zI/AAAAAAAAA48/M2GPV81K4Ak/100_2090.jpg'],
			obj : {
				href : 'http://lh5.ggpht.com/_JJJpzXdPAI4/SpzvjOmg5-I/AAAAAAAAA_g/S8wow3zLays/P1020744.jpg',
				title: 'Hiroshima',
				rel  : 'http://en.wikipedia.org/wiki/Hiroshima',
				caption : 'Hiroshima (広島市, Hiroshima-shi?) (About this sound listen (help·info)) is the capital of Hiroshima Prefecture, and the largest city in the Chūgoku region of western Honshū',
				caption_css : 'custom'
			},
			aobj : [{
                href : 'http://lh5.ggpht.com/_JJJpzXdPAI4/SpzvjOmg5-I/AAAAAAAAA_g/S8wow3zLays/P1020744.jpg',
				thumb: 'http://lh5.ggpht.com/_JJJpzXdPAI4/SpzvjOmg5-I/AAAAAAAAA_g/S8wow3zLays/s288/P1020744.jpg',
                title: 'Hiroshima',
                rel  : 'http://en.wikipedia.org/wiki/Hiroshima',
                caption : 'Hiroshima (広島市, Hiroshima-shi?) (About this sound listen (help·info)) is the capital of Hiroshima Prefecture, and the largest city in the Chūgoku region of western Honshū',
                caption_css : 'custom'
            },{
                href : 'http://lh5.ggpht.com/_JJJpzXdPAI4/SpzvbyPhCHI/AAAAAAAAA-w/rf8dATWiOK8/100_2274.jpg',
                title: 'Magome-juku'
            }]
		};
        jQuery("#mm-prev").click(function(){
            obj.left();
        }); 
        jQuery("#mm-next").click(function(){
            obj.right();
        }); 
        jQuery("#mm-go").click(function(){
            obj.go(3);
        }); 
        jQuery("#mm-current").click(function(){
            alert(obj.current());
        }); 
        jQuery("#mm-play").click(function(){
            obj.play(4000);
        }); 
        jQuery("#mm-stop").click(function(){
            obj.stop();
        }); 
        jQuery("#mm-destroy").click(function(){
            obj.destroy();
			obj = null;
        }); 
        jQuery("#mm-init").click(function(){
			if(obj)
                obj.destroy();
            _init();
        }); 

		//NEW 3.0
        jQuery("#mm-empty").click(function(){
            obj.empty();
        }); 
        jQuery("#mm-push").click(function(){
            obj.push(images.single);
        });
        jQuery("#mm-pushmany").click(function(){
            obj.push(images.aobj);
        });
        jQuery("#mm-shift").click(function(){
            obj.shift();
        });
        jQuery("#mm-pop").click(function(){
            obj.pop();
        });
		jQuery("#mm-unshift").click(function(){
            obj.unshift(images.obj);
        });
		jQuery("#mm-unshiftmany").click(function(){
            obj.unshift(images.arr);
        });
        function _init(){
            obj = jQuery("#jbgallery-api").jbgallery({menu : "numbers"}, true);//GET API
        }
        _init();
       
	});
	--></script>
    
    <style type="text/css">
     /* z-index 1001 => jbg-content z-index 1000;*/
    #mymenu{z-index:1001;position:absolute;left:0px;bottom:0px;padding:5px;background:#fff;}
    #mymenu a{color:#000;text-decoration:none;font-weight:bold;font-size:15px;margin:10px;border:1px solid black;padding:3px;}
	</style>
    <style type="text/css">
        #jbg-caption.custom {border:1px solid #999;}
    </style>
    </head>    
<body>
<div id="mymenu">
    <a href="#" id="mm-prev">PREV</a>
    <a href="#" id="mm-next">NEXT</a>
    <a href="#" id="mm-go">GO 3</a>
    <a href="#" id="mm-current">CURRENT</a>
    <a href="#" id="mm-play">PLAY</a>
    <a href="#" id="mm-stop">STOP</a>
    <a href="#" id="mm-empty">EMPTY</a>
	<a href="#" id="mm-push">PUSH</a>
	<a href="#" id="mm-pushmany">PUSH MANY</a>
    <a href="#" id="mm-shift">SHIFT</a>
    <a href="#" id="mm-pop">POP</a>
	<a href="#" id="mm-unshift">UNSHIFT</a>
	<a href="#" id="mm-unshiftmany">UNSHIFT MANY</a>
    <a href="#" id="mm-destroy">DESTROY</a>
    <a href="#" id="mm-init">INIT</a>
</div>
<div class="jbgallery" id="jbgallery-api">
	<ul>
		<li><a title="gundam1" href="http://lh3.ggpht.com/_JJJpzXdPAI4/SpzuamwkzII/AAAAAAAABOM/j3HnzPk5VnU/100_2768.jpg"><img src="http://lh3.ggpht.com/_JJJpzXdPAI4/SpzuamwkzII/AAAAAAAABOM/j3HnzPk5VnU/s288/100_2768.jpg" alt="" /></a></li>
		<li><a title="nara" href="http://lh3.ggpht.com/_JJJpzXdPAI4/SpzvrjvU83I/AAAAAAAABAU/8tbAipa9wgk/P1020533.jpg"><img src="http://lh3.ggpht.com/_JJJpzXdPAI4/SpzvrjvU83I/AAAAAAAABAU/8tbAipa9wgk/s288/P1020533.jpg" alt="" /></a></li>
		<li><a title="tokyo" href="http://lh5.ggpht.com/_JJJpzXdPAI4/SpzuSpC-0zI/AAAAAAAAA48/M2GPV81K4Ak/100_2090.jpg"><img src="http://lh5.ggpht.com/_JJJpzXdPAI4/SpzuSpC-0zI/AAAAAAAAA48/M2GPV81K4Ak/s288/100_2090.jpg" alt="" /></a></li>
		<li><a title="shibuya crossing" href="http://lh6.ggpht.com/_JJJpzXdPAI4/SpzurK_N9PI/AAAAAAAAA7c/jcOZEyYmR0w/P1010631.jpg"><img src="http://lh6.ggpht.com/_JJJpzXdPAI4/SpzurK_N9PI/AAAAAAAAA7c/jcOZEyYmR0w/s288/P1010631.jpg" alt="" /></a></li>
		<li><a title="koyasan" href="http://lh3.ggpht.com/_JJJpzXdPAI4/SpzvR10H1cI/AAAAAAAAA94/n4OjsO0TYH8/P1020543.jpg"><img src="http://lh3.ggpht.com/_JJJpzXdPAI4/SpzvR10H1cI/AAAAAAAAA94/n4OjsO0TYH8/s288/P1020543.jpg" alt="" /></a></li>
	</ul>
</div>
<script type="text/javascript">
  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-258871-1']);
  _gaq.push(['_setDomainName','.maxb.net']); 
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();
</script>
</body>
</html>